<template>
  <h1 class="card-panel">Available Pools</h1>
  <h1 if.bind="error" click.delegate="activate()" class="card-panel red lighten-1">Couldn't retrieve data. Wanna try
    again?</h1>
  <div if.bind="data" class="row">

    <h1 if.bind="data.pools.length === 0" click.delegate="activate()" class="card-panel red lighten-1">No Pools are up..
      Hit me up and see if something changed</h1>
    <pool-info class="col-md6 col-sm12" repeat.for="pool of data.pools"
       pool.bind="pool">
    </pool-info>
  </div>
</template>
